
<div class="col-lg-12">

  <div class="card">
    <div class="card-header">
      <i class="fa fa-align-justify"></i> Field Types
      <a href='/admin/' class="btn btn-success float-right new-content-type">New Field Type</a>

    </div>
    <div class="card-body field-types-list">

      <h2>Basic</h2>
      <div id="basicFieldList">
      </div>

      <hr>

      <h2>Advanced</h2>
      <div id="advancedFieldList">
      </div>

      <hr>
      
      <h2>Layout</h2>
      <div id="layoutFieldList">
      </div>

      <hr>
      
      <h2>Data</h2>
      <div id="dataFieldList">
      </div>

      <!-- <table class="table table-responsive-sm table-striped">
        <thead>
          <tr>
            <th>Title</th>
            <th>Desc</th>
            <th>Preview</th>
            <th>Actions</th>
          </tr>
        </thead>
        <tbody>
          <tr *ngFor="let fieldType of fieldTypes">
            <td>{{ fieldType.name}}</td>
            <td>{{ fieldType.desc}}</td>
            <td>
              <div [innerHTML]="fieldType.generateHtml() | safe: 'html'"></div>
            </td>

          </tr>
        </tbody>
      </table> -->
    </div>
  </div>
</div>


<div id='formBuilderFT' class="hide"></div>